<!-- public/view/lobby.html -->
<div class="section">
    <h2>🏠 游戏大厅</h2>
    <div class="input-group">
        <input type="text" id="player-name-input" placeholder="请输入你的昵称" required>
    </div>
    <div class="input-group">
        <input type="text" id="room-id-input" placeholder="请输入房间ID" required>
    </div>
    <div class="input-group">
        <button id="random-create-btn">随机创建房间</button>
        <button id="create-room-btn">创建房间</button>
        <button id="join-room-btn">加入房间</button>
        <button id="random-join-btn">随机加入房间</button>
    </div>
    <div id="lobby-message-area" class="message-area">请输入昵称和房间ID，然后创建或加入房间。</div>
</div>